import styled from "styled-components";

export const PaginationWrapper = styled.div`

.info {
  display: flex;
  flex-direction: column;
  align-items: center;

  .MuiPaginationItem-icon {
    font-size: 22px;
  }
  .MuiPaginationItem-page{
    margin: 0 8px;
    font-size: 12px;
    &.Mui-selected {
      background-color: #222;
      color: white;
    }

    &:hover {
      text-decoration: underline;
    }
  }

  .desc {
    margin: 16px;      
    color: #222;
  }
}

`